// 引入request函数
import { request } from '../../request/request'
import { showToast } from '../../utils/wxAsync'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 输入文字长度
    textLength: 0,
    // 文本域的值
    textValue: '',
    valueId: 0,
    typeId: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let { valueId, typeId } = options
    this.setData({
      valueId: valueId - 0,
      typeId: typeId - 0
    })
  },
  // 监听文本域输入
  handleInput(e) {
    let { value } = e.detail
    this.setData({
      textLength: value.length,
      textValue: value.trim()
    })
  },
  // 点击清空
  handleClear() {
    this.setData({
      textValue: ''
    })
  },
  // 点击发表
  async handleSubmit() {
    const { valueId, typeId, textValue } = this.data
    // 若为填写评论，提示用户
    if (!textValue) {
      await showToast({title: '请填写评论', icon: 'none'})
      return
    }
    // 发送请求，提交评论
    const res = await request({url: '/comment/post', method: 'POST', data: { valueId, typeId, content: textValue }})
    if (res.errno === 0) {
      await showToast({title: '评论成功', icon: 'success'})
      setTimeout(() => {
        wx.navigateBack({
          delta: 1
        })
      }, 1500)
    } else {
      await showToast({title: '评论失败', icon: 'none'})
    }
  }
})